<template>
  <div style="background:#efeef3;">
    <div class="form">
      <div class="box">
        <span>手机号码</span>
        <div class="sbox">
          <p>
            <input type="text" style="width:2.09rem;" />
          </p>
        </div>
      </div>
      <div class="box">
        <span>验证码</span>
        <div class="sbox">
          <p>
            <input type="text" class="ipt" />
          </p>
          <div class="yanzheng" style="color:#53947c;border:1px solid #53947c;">0359</div>
        </div>
      </div>
      <div class="box">
        <span>手机验证码</span>
        <div class="sbox">
          <p>
            <input type="text" class="ipt" />
          </p>
          <div class="yanzheng yanzheng2">获取验证码</div>
        </div>
      </div>
    </div>
    <div class="Btn">
        <button>登陆</button>
        <button>取消</button>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.Btn button:first-child{
   background: #53a574;
}
.Btn button:last-child{
   background: #cccccc;
}
.Btn button{
  height: 0.44rem;
  margin-top:0.1rem;
  color:#fff;
  text-align: center;
  line-height: 0.44rem;
  font-size:0.14rem;
  border: none;
  border-radius: 4px;
  outline: none;
}
.Btn{
  position: static;
  height: 2.9rem;
  display: flex;
  flex-direction: column;
  padding: 0 0.1rem;
  z-index: 999;
}
.yanzheng2 {
  border: 1px solid #999;
  border-radius: 0.03rem;
  color:#333;
}
input {
  border-radius: 0.03rem;
  border: 0;
  height: 0.33rem;
}
.ipt {
  width: 1.05rem;
}
.form {
  display: flex;
  font-size: 0.14rem;
  flex-direction: column;
  padding: 0 0.1rem 0.1rem 0.12rem;
  background: #fff;
}
.form .box {
  width: 100%;
  display: flex;
  height: 0.35rem;
  line-height: 0.35rem;
  margin-top: 0.1rem;
}
.form .box .sbox p {
  display: flex;
  border: 1px solid #999;
  border-radius: 0.03rem;
}
.form .box .sbox {
  display: flex;
}
.form .box span {
  display: block;
  width: 0.85rem;
  color: #999;
}
.yanzheng {
  width: 0.95rem;
  height: 0.33rem;
  margin-left: 0.1rem;
  text-align: center;
}
</style>
